@import url(http://fonts.googleapis.com/css?family=PT+Sans|Philosopher&subset=cyrillic,latin);
@import url(main.css);
@import url(normalize.min.css);
html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

.all {
  width: 1000px;
  margin: 0 auto;
  font-family: 'PT Sans', sans-serif;
  position: relative;
  min-height: 100%; }

.wrapper {
  width: 824px;
  margin: 0 auto; }

header {
  background: linear-gradient(to bottom, #00b2e7 0%, #002732 100%);
  background: -moz-linear-gradient(top, #00b2e7 0%, #002732 100%);
  background: -webkit-linear-gradient(top, #00b2e7 0%, #002732 100%);
  color: #fff;
  padding: 0 30px;
  height: 140px; }
  header h1.logo {
    font-family: 'Philosopher', sans-serif;
    font-size: 46px;
    padding: 0;
    margin: 0; }
  header h2.slogan {
    font-family: 'Philosopher', sans-serif;
    font-size: 18px;
    padding: 0;
    margin: 0;
    margin: -10px 0 0 40px; }

nav.main-menu {
  background: linear-gradient(to bottom, #002732 0%, black 100%);
  background: -moz-linear-gradient(top, #002732 0%, black 100%);
  background: -webkit-linear-gradient(top, #002732 0%, black 100%);
  padding: 0 30px; }
  nav.main-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%; }
    nav.main-menu ul li {
      display: inline-block;
      padding: 0 5px 5px 0; }
      nav.main-menu ul li:after {
        content: "|";
        color: #fff;
        padding-left: 10px; }
      nav.main-menu ul li:last-child:after {
        content: ""; }
      nav.main-menu ul li a {
        text-decoration: underline;
        color: white; }
        nav.main-menu ul li a:hover {
          text-decoration: none; }

article.content {
  color: #333;
  padding-bottom: 80px; }
  article.content .location {
    margin-top: 10px;
    font-size: 13px; }
    article.content .location a {
      color: #007de7;
      text-decoration: none; }
      article.content .location a span {
        border-bottom: 1px dashed #007de7; }
  article.content h1 {
    font-size: 20px;
    font-weight: normal; }
  article.content .day-description {
    font-size: 15px;
    margin-bottom: 10px; }
  article.content section.text p {
    font-size: 14px;
    width: 80%; }

footer {
  width: 100%;
  background: black url(../images/footer_moon.png) no-repeat 85% bottom;
  color: #fff;
  padding: 10px 0;
  height: 60px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 0; }
  footer .info {
    margin: 20px 0 0 80px; }
